<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品中心</title>
    <link rel="stylesheet" href="css/case.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/product_center.css">
</head>
<body>
    <!-- 茶叶官网首页头部开始 -->
    <div class="head w">
        <div class="logo">
            <h1>
                <a href="#">精品茶叶网</a>
            </h1>
        </div>
        <div class="url">
            <p>茶叶协会官网</p>
            www.cha**ui.top
        </div>
        <div class="nav">
            <ul>
                <li>
                    <span>首页</span>
                </li>
                <li>
                    <span>关于我们</span>
                    <ul class="h_280">
                        <li>
                            <a href="#">公司简介</a>
                        </li>
                        <li>
                            <a href="#">荣誉资质</a>
                        </li>
                        <li>
                            <a href="#">企业文化</a>
                        </li>
                        <li>
                            <a href="#">联系我们</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>产品中心</span>
                    <ul class="h_420">
                        <li>
                            <a href="#">乌龙茶系列</a>
                        </li>
                        <li>
                            <a href="#">花茶系列</a>
                        </li>
                        <li>
                            <a href="#">普洱系列</a>
                        </li>
                        <li>
                            <a href="#">茶食品系列</a>
                        </li>
                        <li>
                            <a href="#">茶月饼系列</a>
                        </li>
                        <li>
                            <a href="#">茶具系列</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>新闻动态</span>
                    <ul class="h_280">
                        <li>
                            <a href="#">公司新闻</a>
                        </li>
                        <li>
                            <a href="#">行业动态</a>
                        </li>
                        <li>
                            <a href="#">媒体报道</a>
                        </li>
                        <li>
                            <a href="#">茶叶知识</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>品牌简介</span>
                </li>
                <li>
                    <span>合作交流</span>
                    <ul class="h_280">
                        <li>
                            <a href="#">合作介绍</a>
                        </li>
                        <li>
                            <a href="#">意向提交</a>
                        </li>
                        <li>
                            <a href="#">成功案例</a>
                        </li>
                        <li>
                            <a href="#">信息发布</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>

    </div>
    <!-- 产品中心主体部分制作 -->
    <div class="main w">
        <div class="focus">
            <h1>
                一杯挂起天下情，一茗惊人睿香
                <p>A CUP TO HOLD THE WORLD, A CUP OF OF TEA AMAZING RUIXIANG GAROEN</p>
            </h1>
            <ul>
                <li>
                    <a href="#">乌龙茶系列</a>
                </li>
                <li>
                    <a href="#">花茶系列</a>
                </li>
                <li>
                    <a href="#">普洱系列</a>
                </li>
                <li>
                    <a href="#">茶食品系列</a>
                </li>
                <li>
                    <a href="#">花茶月饼系列</a>
                </li>
                <li>
                    <a href="#">茶具系列</a>
                </li>
            </ul>
        </div>
        <div class="main_bd">
            <ul>
                <li>
                    <img src="images/9_hirc.jpg" alt="">
                    <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                    <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                </li>
                <li>
                    <img src="images/9_hirc.jpg" alt="">
                    <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                    <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                </li>

                <li>
                    <img src="images/9_hirc.jpg" alt="">
                    <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                    <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                </li>
                <li>
                    <img src="images/9_hirc.jpg" alt="">
                    <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                    <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                </li>
                <li>
                    <img src="images/9_hirc.jpg" alt="">
                    <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                    <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                </li>
                <li>
                    <img src="images/9_hirc.jpg" alt="">
                    <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                    <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                </li>
                <li>
                    <img src="images/9_hirc.jpg" alt="">
                    <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                    <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                </li>
                <li>
                    <img src="images/9_hirc.jpg" alt="">
                    <h3>某某熟普洱茶饼黑茶饼特级茶叶</h3>
                    <span>普洱熟茶是用某某县特有的青毛茶为材料，经过发酵等各种工艺加工</span>
                </li>
            </ul>
            <div>
                <a href="#">共53条记录</a>
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <a href="#">...</a>
                <a href="#">7</a>
                <a href="#">下一页></a>
                <a href="#">末页</a>
            </div>
        </div>
    </div>
    <!-- 页脚部分制作 -->
    <div class="footer w">
        <div class="bd">
            <ul>
                <li>网站首页</li>
                <li>关于我们</li>
                <li>产品中心</li>
                <li>新闻动态</li>
                <li>品牌简介</li>
                <li>合作交流</li>
            </ul>
        </div>
        <div class="tail">
            <div class="qita">
                <ul>
                    <li>联系我们</li>
                    <li>地址：某某市友谊路258号（百灵·尚品一号B-2-8-2）</li>
                    <li>邮编：5**0000</li>
                    <li>电话：400-***-000</li>
                    <li>联系人：精品茶叶官方宣传网站</li>
                </ul>
                <ul>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>联系我们</li>
                    <li>企业文化</li>
                    <li>荣誉资质</li>
                </ul>
                <ul>
                    <li>合作交流</li>
                    <li>成功案例</li>
                    <li>合作介绍</li>
                    <li>信息发布</li>
                    <li>意向提交</li>
                </ul>
                <ul>
                    <li>产品中心</li>
                    <li>乌龙茶系列</li>
                    <li>花茶系列</li>
                    <li>普洱系列</li>
                    <li>茶食品系列</li>
                </ul>
                <div class="qr_code">
                    <img src="images/erweima.png" alt="">
                    <p>微信公众号</p>
                </div>
            </div>
            <div class="copyright">
                COPYRIGHT WWW.GZ**.ORG　版权所有：精品茶叶官方宣传网站ICP备案编号：黔ICP备140***33号-1
            </div>
        </div>
    </div>
</body>
</html>